// 这个文件负责管理所有的自定义指令
export const imagerror = {
  // 指令对象 会在当前的dom元素插入到节点之后执行
  inserted(dom, options) {
    // options 是 指令中的变量的解释 其中一个属性叫 value 是 'a.png'
    // dom 表示当前指令作用的dom对象
    // dom认为此时就是图片
    dom.src = dom.src || options.value // 初始化的时候 如果有值 则赋值 没值 则进行默认赋值
    // 当图片有地址 但地址没加载成功就会报错 会触发图片的一个 onerror事件
    dom.onerror = function() {
      // 当图片出现异常时，会将指令配置的默认图片设置为该图片的内容
      // dom可以注册error事件
      dom.src = options.value
    }
  },
  // 该函数同 inserted一样也是一个钩子函数

  componentUpdated(dom, options) {
  // 该钩子函数会在当前知道作用的组件 更新数据完毕之后执行
  // inserted只会执行一次
  // 初始化组件一旦更新就会再次进入inserted函数  会进去componentUpdated
    dom.src = dom.src || options.value
  }
}
// <img v-imagerror="img"/>
// data() {return{img:'a.png'}}
